<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/gouwuche.css">
	</head>
	<body>
		<div class="tittle">购物车</div>
		<div class="list">
			<a class="item relative">

				<div class="little-box relative">
					<img class="checked" src="./img/gouwuche/duigou_24.png" alt="">
				</div>

				<img class="goods-pic" src="./img/gouwuche/bigpic_03.jpg" alt="">
				<div class="text">
					<div class="goods-tittle">丛林物语双面印花磨毛四件套</div>
					<div class="details">1.8M;米白色</div>
					<div class="price">￥399.00</div>
				</div>
				<img class="cancle" src="./img/gouwuche/wrong_03.png" alt="">
				<div class="num-control">
					<button type="button">-</button>
					<span class="num">1</span>
					<button type="button">+</button>
				</div>

			</a>
			<div class="border"></div>
			<a class="item relative">

				<div class="little-box relative">
					<img class="checked" src="./img/gouwuche/duigou_24.png" alt="">
				</div>

				<img class="goods-pic" src="./img/gouwuche/bigpic_07.jpg" alt="">
				<div class="text">
					<div class="goods-tittle">璀璨灵动 手镯</div>
					<div class="details">手镯</div>
					<div class="price">￥181.00</div>
				</div>
				<img class="cancle" src="./img/gouwuche/wrong_03.png" alt="">
				<div class="num-control">
					<button type="button">-</button>
					<span class="num">1</span>
					<button type="button">+</button>
				</div>

			</a>
			<div class="border"></div>
			<a class="item relative">

				<div class="little-box relative">
					<img class="checked" src="./img/gouwuche/duigou_24.png" alt="">
				</div>

				<img class="goods-pic" src="./img/gouwuche/bigpic_11.jpg" alt="">
				<div class="text">
					<div class="goods-tittle">28寸 纯PC”铝矿”（非全铝）</div>
					<div class="details">神秘灰</div>
					<div class="price">￥439.00</div>
				</div>
				<img class="cancle" src="./img/gouwuche/wrong_03.png" alt="">
				<div class="num-control">
					<button type="button">-</button>
					<span class="num">1</span>
					<button type="button">+</button>
				</div>

			</a>
			<div class="border"></div>

		</div>
		<div class="guess-you-like">
			<div class="headline">猜你喜欢</div>
			<div class="items">
				<div class="box">
					<img src="./img/gouwuche/bigpic_14.jpg" alt="">
					<div class="name">色织水洗棉格纹四件套</div>
					<div class="price">￥219</div>

				</div>
				<div class="box">
					<img src="./img/gouwuche/bigpic_17.jpg" alt="">
					<div class="name">20寸全铝镁合金登机箱</div>
					<div class="price">￥699</div>

				</div>
				<div class="box">
					<img src="./img/gouwuche/bigpic_24.jpg" alt="">
					<div class="name">20寸 PC膜拉链登机箱</div>
					<div class="price">￥249</div>

				</div>
				<div class="box">
					<img src="./img/gouwuche/bigpic_25.jpg" alt="">
					<div class="name">104寸纯PC拉链斜纹拉杆箱</div>
					<div class="price">￥299</div>

				</div>

			</div>
		</div>
		<div class="nav">
			<div class="nav-box">
				<img src="./img/gouwuche/img_15.png" alt="">
				<div>首页</div>
			</div>
			<div class="nav-box">
				<img src="./img/gouwuche/img_06.png" alt="">
				<div>优选</div>
			</div>
			<div class="nav-box">
				<img src="./img/gouwuche/img_09.png" alt="">
				<div>分类</div>
			</div>
			<div class="nav-box">
				<img src="./img/gouwuche/img_03.png" alt="">
				<div>购物车</div>
			</div>
			<div class="nav-box">
				<img src="./img/gouwuche/img_12.png" alt="">
				<div>我的</div>
			</div>
		</div>
		<div class="total">
			<div class="content">
				<div class="all-in">
					<div class="little-box">
						<img class="checked" src="./img/gouwuche/duigou_24.png" alt="">
					</div>
					<span class="text">全选</span>


				</div>
				<div class="money">￥0.00</div>

			</div>
			<div class="button">下单</div>



		</div>
	</body>
</html>
